/*Browser Hacks*/
/*Safari*/
/*html.safari {*/
  /**/
/*}*/
/*Chrome*/

/*Opera*/
/*IE*/
/* Media Queries */

/* utf8 öüä */
html.safari #homeSlider .responsiveSlider .slides .overflow .inner article figure img {
    height: 375px !important;
    min-height: 1px !important;
    width: auto !important;
    max-height: inherit !important;
}
html.safari #subpageSlider .responsiveSlider .slides .overflow .inner article figure img{
    height: 250px !important;
    min-height: 1px !important;
    width: auto !important;
}
html.safari #homeSlider .responsiveSlider .bottomControls{
    padding-left: 0;
}

#headerMain{
    display: block !important;
}
#smallDesktopHeaderMain{
    display: none !important;
}
@media (max-width: 1270px){

    #headerMain{
        display: none !important;
    }

    #smallDesktopHeaderMain{
        display: block !important;
    }

    body{
        /*background: green;*/
    }
    .container{
        width: 100%;
    }

    header .headerTop > .row > .col-sm-8{
        height: 140px;
    }
    #main .table-responsive table tr{
        display: block;
        margin-bottom: 10px;
        position: relative;
    }
    #main .table-responsive table tr td{
        display: block;
    }
    header #searchIconTop{
        width: 100%;
        margin-top: 15px;
    }

    header .headerTop #searchIconTop.activeTransition a{
        display: block;
    }
    header .helperMenu.langMenu ul li{
        padding: 0;
    }
}

@media (max-width: 1130px){
    .helperMenu ul li{
        margin-bottom: 5px;
    }
}
/* Medium/small devices (up to 992px) */
/*Tablet*/
@media (max-width: 992px){
    body{
        /*background: yellow;*/
    }
    /*#homeSlider .responsiveSlider .active label{*/
        /*font-size: 13px;*/
        /*padding: 29px 0;*/
    /*}*/

    html.noMobileDevice nav#smallDesktopMainNav > ul > li:hover > ul{
        display: none;
    }
    /*.ww-neos-downloadsingle .options a {*/
        /*display: block;*/
        /*margin-top: 5px;*/
    /*}*/
    #main .imgBorder{
        min-height: 150px;
    }
    #main.subpage #main-inner .innerContent{
        width: 100%;
    }
    #main.subpage #main-inner #sidebar{
        display: none;
    }
    header .helperMenu.langMenu{}
    header .helperMenu.langMenu ul{}
    header .helperMenu.langMenu ul li{
        display: block;
        margin: 0;
        padding: 0;
    }
    header .helperMenu.langMenu ul li.current{
        display: none;
    }
    header .helperMenu.langMenu ul li a{}
    body.subpage.product #productImagesContainer img{
        min-height: 1px;
    }
    body.subpage.product #productMainImage{
        /*height: 250px;*/
        /*min-height: 250px;*/
        /*max-height: 250px;*/
    }
    body.subpage.product #productImagesContainer .typo3-neos-nodetypes-image{
        margin-bottom: 0;
    }
    #subpageSlider .responsiveSlider .slides article{
        max-height: 250px;
        overflow: hidden;
    }
}


@media all and (max-width: 1200px) and (orientation:portrait) {}

@media (min-width: 767px) and (max-width: 992px) {

}
/* Extra small devices (less than 768px) */
@media (max-width: 767px) {
    .hideonmobile{
        display: none !important;
    }
    .showonlyonmobile{
        display: block !important;
    }
    body{
        /*background:red;*/
        border-top: 0;
    }
    header{
        padding-bottom: 15px;
        margin-bottom: 15px;
        background: none;
        max-width: none;
        min-height: 1px;
        border-bottom: 1px solid #404040;
    }
    header #logo{
        width: 50%;
        float: left;
        padding-top: 20px;
    }
    header #logo img{
        height: 50px;
        width: auto;
    }
    header .helperMenu.langMenu{
        padding-top: 0;
    }
    header .helperMenu.langMenu ul{}
    header .helperMenu.langMenu ul li{
        display: block;
        margin: 0;
        padding: 0;
    }
    header .helperMenu.langMenu ul li.current{
        display: none;
    }
    header .helperMenu.langMenu ul li a{}
    header #mobileTop{
        width: 50%;
        float: left;
        padding-top: 20px;
    }
    header #mobileTop > div{
        display: block;
        float: right;
        margin-left: 10px;
    }
    header #mobileTop > div.mobileTopSearchIcon{
        margin-left: 15px;
    }
    header .headerTop > .row > .col-sm-8, #headerMain{
        position: absolute;
        border-right: 0;
        padding-top: 0;
        height: auto;
    }
    header #headerMain{
        display: block !important;
        right: 0;
        position: absolute;
        top: 0;
        z-index: 5500;
        min-width: 100%;
        max-width: 100%;
        background-color: transparent;
        background-color: rgba(0,0,0,0.7);
        padding:0;
    }
    header #headerMain.activated{
       min-height: 100%;
    }
    header #headerMain #mainNav.collapse{
        /*height: 0;*/
        display: none;
        padding-top: 0;
        /*display: block;*/
    }
    header #headerMain #mainNav.collapse.in{
        display: block;
    }
    #smallDesktopHeaderMain {
        display: none !important;
    }
    nav#mainNav{
        background: #000;
        padding-top:0;
        /*z-index: 20;*/
    }
    nav#mainNav > ul{
        float: none;
    }
    nav#mainNav > ul > li{
        float: none;
        display: block;
        padding:0;
        background: #c62921;
        padding: 0;
        border-bottom: 1px solid #000;
    }
    nav#mainNav > ul > li span{
        color: #fff;
        padding-left:10px;
    }
    nav#mainNav > ul > li span:hover{
        cursor: pointer;
    }
    nav#mainNav > ul li > span.glyphicon::before{
        content: " ";
        padding-right:14px;
    }
    nav#mainNav ul li span.caret.reverse{
        display: none;
        visibility: hidden;
    }
    nav#mainNav > ul li.hasSub > span.glyphicon::before{
        content: "\002b";
        padding-right: 0;
    }
    nav#mainNav > ul li.current.hasSub > span.glyphicon::before, nav#mainNav > ul li.active.hasSub > span.glyphicon::before, nav#mainNav > ul li.isActive.hasSub > span.glyphicon::before{
        content: "\2212";
        padding-right: 0;
    }
    nav#mainNav > ul > li a{
        border-left: 0;
        color: #000;
        margin: 0;
        padding: 15px 10px;
        text-transform: uppercase;
        display: inline-block;
        max-width: 90%;
        font-weight: 400;
        font-size: 18px;
    }
    nav#mainNav > ul > li.current > a, nav#mainNav > ul > li.active > a, nav#mainNav > ul > li.isActive > a, nav#mainNav > ul > li:hover > a{
        color: #fff;
        font-weight: 800;
        padding: 15px 10px;
    }
    nav#mainNav > ul > li ul{
        display: none;
        background-color: #000;
        border-bottom: 0;
        border-top: 0;
        min-height: 1px;
        position: relative;
        z-index: auto;
        margin-top: 0;
    }
    nav#mainNav > ul > li > ul > li{
        display: block;
    }
    nav#mainNav > ul > li.current > ul, nav#mainNav > ul > li.active > ul,nav#mainNav > ul > li.isActive > ul{
        display: block;
    }
    nav#mainNav > ul > li:hover > ul{
        /*display: none;*/
    }
    nav#mainNav > ul > li > ul > li::before {
    }
    nav#mainNav > ul > li > ul > li > ul{
        padding: 0;
        display: block;
    }
    nav#mainNav > ul > li > ul > li > ul > li{
        float: none;
        max-width: 100%;
        padding: 0;
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 20px;
        margin-left: 25px;
    }
    nav#mainNav > ul > li > ul > li > ul > li div.menuImage, nav#mainNav > ul > li > ul > li > ul > li div.menuSubTitle{
        display: none;
    }
    nav#mainNav > ul > li > ul > li > ul > li div.menuTitle{

    }
    nav#mainNav > ul > li > ul > li > ul > li div.menuTitle a{
        color: #fff;
        text-align: left;
        font-size: 18px;
        font-weight: 400;
        max-width: 100%;
        padding: 0;
    }

    nav#mainNav > ul > li > ul > li > ul > li.current div.menuTitle a,nav#mainNav > ul > li > ul > li > ul > li.active div.menuTitle a,nav#mainNav > ul > li > ul > li > ul > li div.menuTitle a:hover{
        text-decoration: none;
        font-weight: 800;
    }
    nav#mainNav > ul > li > ul > li > ul > li::before{
        content: "\e250";
        color: #c62921;
        font-family: "Glyphicons Halflings";
        font-size: 12px;
        display: inline-block;
        left: 0;
        line-height: 1;
        left: 25px;
        padding-top: 4px;
        position: absolute;
    }
    nav#mainNav .mobileBottomMenu {
        padding: 0;
    }
    nav#mainNav .mobileBottomMenu .helperMenu{
        padding:20px 0;
    }
    nav#mainNav .mobileBottomMenu .helperMenu ul li{
        display: block;
        float: none;
    }
    nav#mainNav .mobileBottomMenu .helperMenu ul li a {
        color: #fff;
        display: block;
        font-size: 18px;
        font-weight: 400;
        margin: 0;
        background: #000;
        padding: 0 30px 20px;
    }
    #mobileSearch{
        padding-bottom: 15px;
    }
    #mobileSearch .searchTextfield{
        padding-right: 0;
    }
    #mobileSearch .searchButton{
        padding-left: 0;
    }
    #mobileSearch .searchButton input.searchBtn{
        padding: 6px 12px 5px 12px;
    }
    #homeSlider .responsiveSlider .info{
        padding-left:35px;
        margin-top: 35px;
    }
    #homeSlider .responsiveSlider .bottomControlsContainer{
        bottom: auto;
        top:40%;
    }
    #homeSlider .responsiveSlider .bottomControls .block1,
    #homeSlider .responsiveSlider .bottomControls .block2{
        display: none;
    }
    #homeSlider .responsiveSlider .bottomControls .active{
        display: none;
    }
    #homeSlider .responsiveSlider .borderBottom{
        display: none;
    }
    #homeSlider .responsiveSlider .bottomControls .controls{
        width: 100%;
        height: 36px;
        border-left:0;
        border-right:0;
        border-top:0;
    }
    #homeSlider .responsiveSlider .active{
        left: 43%;
    }
    #homeSlider .responsiveSlider .controls label{
        width: 40px;
        border-top-color: #000 !important;
    }
    #homeSlider .responsiveSlider .slides .overflow .inner article figure img{
        height: auto;
    }

    html.safari #subpageSlider .responsiveSlider .slides .overflow .inner article figure img{
        height: 150px !important;
    }

    html.safari #homeSlider .responsiveSlider .slides .overflow .inner article figure img {
        height: 250px !important;
    }
    .responsiveSlider .slides .overflow .inner article{
        height: 550px;
    }
    .contentSlider .responsiveSlider .slides .overflow .inner article{
        height: inherit;
    }

    #homeSlider .responsiveSlider .info {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        text-align: center;
    }
    #homeSlider .responsiveSlider .info .moreLink{
        text-align: center;
    }
    #homeSlider .responsiveSlider .info .infoText{
        padding-top: 15px;
    }
    #homeSlider .responsiveSlider .slides .overflow .inner article figure{
        text-align: center;
    }
    #homeSlider .responsiveSlider .info .moreLink{
        padding-top: 15px;
    }
    /*#subpageSlider .responsiveSlider .info h1{*/
        /*font-size: 25px;*/
    /*}*/
    /*#subpageSlider .responsiveSlider .info{*/
        /*margin-top: 10px;*/
    /*}*/
    #subpageSlider .responsiveSlider .slides .overflow .inner article {
        height: auto;
    }
    #subpageSlider .responsiveSlider .slides .overflow .inner article figure img{

    }

    #subpageSlider .responsiveSlider .info{
        padding: 0;
    }

    #subpageSlider .responsiveSlider .info > div{
        width: 100%;
        margin-left: 0;
    }
    /*#main .news .boxes .item{*/
        /*display: none;*/
    /*}*/
    /*#main .news .boxes .item.mobileActiveTransition{*/
        /*display: block;*/
    /*}*/

    #main{
        padding: 25px 0 125px 0;
    }
    #main figure, #main .typo3-neos-nodetypes-image{
        text-align: center;
    }
    .newsHomeList .newsItem .newsImage{
        text-align: center;
    }
    .newsHomeList .newsItem .newsTitle h3{
        min-height: 30px;
    }
    .newsHomeList .newsItem .newsTeaser{
        display: none;
    }
    .newsHomeList .newsItem .readMore{
        padding-top: 5px;
    }
    .newsHomeList .newsItem .readMore span a {
        background: #c62921 none repeat scroll 0 0;
        color: #fff;
        display: inline-block;
        margin-bottom: 30px;
        padding: 10px 30px;
    }
    #main.subpage #main-inner .innerContent {
        width: 100%;
    }
    #main.subpage #main-inner #sidebar{
        display: none;
    }
    #main .productListItem .imgBorder {
        display: inline-block;
        max-height: 200px;
        min-height: 1px;
        padding: 20px;
        width: auto;
    }
    #main .productListItem .imgBorder figure {
        display: inline-block;
    }
    #main .productListItem .imgBorder figure img {
        display: inline-block;
        max-height: 150px;
        width: auto;
    }
    #main .productListItem{
        min-height: 1px;
        padding-bottom: 25px;
    }
    .contentSlider .responsiveSlider .info{
        display: block;
    }
    #productMainImage{
        height: auto;
        min-height: 1px;
        max-height: none;
        max-width: 100%;
        text-align: center;
    }
    #productImagesContainer{
        display: none;
    }
    #productMainImage #activeGalleryImage {
        max-width: 70%;
        height: auto;
    }
    .attachmentListRow .attachmentListItem{
        padding: 0;
        text-align: center;
    }
    .attachmentListRow .attachmentListItem img{
        max-width: 70%;
    }
    .attachmentListRow #showMoreAttachments{
        margin-bottom: 25px;
    }
    .contentSlider .responsiveSlider .controls, .contentSlider .responsiveSlider .controls2{
        left: 35px;
    }
    .contentSlider .responsiveSlider .controls2{
        right: 15px;
        left: auto;
    }
    #main .imgBorder figure img {
        display: inline-block;
        max-height: 150px;
        width: auto;
    }
    footer.container-fluid{
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    footer > div.container > div.row > div.col-sm-5{
        display: none;
    }
    footer .table-responsive{
        margin-bottom: 0;
    }
    footer .helperMenu ul{
        display: inline-block;
        padding-bottom: 35px;
    }
    footer .footerbottom{
        margin-top: 30px;
    }
    footer .footerbottom .col-sm-8{
        text-align: left;
    }
    .hasTransition.boxOpenTransition .inner, .hasTransition.boxOpenTransition .innerSlideContent{
        display: block;
    }
    .form-group > .col-xs-12 > .row > div:first-child{
        margin-bottom: 15px;
    }
    .form-group > .col-xs-12 > .row > div label{
        padding-left: 0;
        padding-right: 0;
    }
    .sliderContentContainer {
        max-width: 100%;
    }

}
/* Extra EXTRA small devices (less than 420px) */
@media (max-width: 540px) {
    body{
        /*background: red;*/
    }
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        float: left;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-11 {
        width: 91.66666667%;
    }
    .col-xxs-10 {
        width: 83.33333333%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-8 {
        width: 66.66666667%;
    }
    .col-xxs-7 {
        width: 58.33333333%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-5 {
        width: 41.66666667%;
    }
    .col-xxs-4 {
        width: 33.33333333%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-2 {
        width: 16.66666667%;
    }
    .col-xxs-1 {
        width: 8.33333333%;
    }
    .col-xxs-pull-12 {
        right: 100%;
    }
    .col-xxs-pull-11 {
        right: 91.66666667%;
    }
    .col-xxs-pull-10 {
        right: 83.33333333%;
    }
    .col-xxs-pull-9 {
        right: 75%;
    }
    .col-xxs-pull-8 {
        right: 66.66666667%;
    }
    .col-xxs-pull-7 {
        right: 58.33333333%;
    }
    .col-xxs-pull-6 {
        right: 50%;
    }
    .col-xxs-pull-5 {
        right: 41.66666667%;
    }
    .col-xxs-pull-4 {
        right: 33.33333333%;
    }
    .col-xxs-pull-3 {
        right: 25%;
    }
    .col-xxs-pull-2 {
        right: 16.66666667%;
    }
    .col-xxs-pull-1 {
        right: 8.33333333%;
    }
    .col-xxs-pull-0 {
        right: auto;
    }
    .col-xxs-push-12 {
        left: 100%;
    }
    .col-xxs-push-11 {
        left: 91.66666667%;
    }
    .col-xxs-push-10 {
        left: 83.33333333%;
    }
    .col-xxs-push-9 {
        left: 75%;
    }
    .col-xxs-push-8 {
        left: 66.66666667%;
    }
    .col-xxs-push-7 {
        left: 58.33333333%;
    }
    .col-xxs-push-6 {
        left: 50%;
    }
    .col-xxs-push-5 {
        left: 41.66666667%;
    }
    .col-xxs-push-4 {
        left: 33.33333333%;
    }
    .col-xxs-push-3 {
        left: 25%;
    }
    .col-xxs-push-2 {
        left: 16.66666667%;
    }
    .col-xxs-push-1 {
        left: 8.33333333%;
    }
    .col-xxs-push-0 {
        left: auto;
    }
    .col-xxs-offset-12 {
        margin-left: 100%;
    }
    .col-xxs-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xxs-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xxs-offset-9 {
        margin-left: 75%;
    }
    .col-xxs-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xxs-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xxs-offset-6 {
        margin-left: 50%;
    }
    .col-xxs-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xxs-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xxs-offset-3 {
        margin-left: 25%;
    }
    .col-xxs-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xxs-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xxs-offset-0 {
        margin-left: 0%;
    }
    .visible-xxs{
        display: block !important;
    }
    body{
        /*background:yellow;*/
    }
    header #headerMain{
        min-width: 100%;
    }


    /*#main .contentSlider .responsiveSlider .controls, #main .contentSlider .responsiveSlider .controls2{*/
        /*display: none;*/
    /*}*/
    /*#main .contentSlider .responsiveSlider .slides .inner{*/
        /*width: 100%;*/
    /*}*/
    /*#main .contentSlider .responsiveSlider .slides .overflow .inner article{*/
        /*width: 100%;*/
        /*margin-right:0;*/
        /*float: none;*/
    /*}*/
    /*#main .contentSlider .responsiveSlider .slides .overflow .inner article img {*/
        /*height: auto;*/
        /*min-width: 100%;*/
        /*max-width: 100%;*/
    /*}*/
    /*#main .contentSlider .responsiveSlider .slides .overflow .inner.hasTransition.mobileSlideDownTransition article{*/
        /*display: none;*/
    /*}*/
    /*#main .contentSlider .responsiveSlider .slides .overflow .inner.hasTransition.mobileSlideDownTransition article.first{*/
        /*display: block;*/
    /*}*/
    /*#main .contentSlider .responsiveSlider .slides .overflow .inner.hasTransition.mobileSlideDownTransition.activeTransition article{*/
        /*display: block;*/
    /*}*/
    html.smallMobileDevice .hasTransition.mobileSlideDownTransition .item {
        clear: both;
        float: none;
    }

}